<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <%- include ../taglibs/layout_head.ejs%>
    <%- include ../taglibs/layout.css.ejs%>
    <link rel="stylesheet" type="text/css" href="css/monitor/monitor.css">
    <style type="text/css">
        body, html,#mymap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}
    </style>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=5pOe9cqol0NaNdEbtvTXMC9h"></script>
</head>
<body>
<div class="monitor-box">
    <div class="monitor-box-head">
        <ul id="head-Tab">
            <li tabCode = "1">
                <img src="images/page3/超速_u1088.png">
                <span class="text">
                        超速
                    </span>
            </li>
            <li tabCode = "3">
                <img src="images/page3/行驶_u1092.png">
                <span class="text">
                    行驶
                </span>
            </li>
            <li tabCode = "0">
                <img src="images/page3/停车_u1089.png">
                <span class="text">
                        停车
                    </span>
            </li>
            <li tabCode = "2">
                <img src="images/page3/离线_u1091.png">
                <span class="text">
                    离线
                </span>
            </li>
        </ul>
    </div>
    <div id="mymap">

    </div>
    <div class="left-tree-arrow" id="left-tree-arrow">
        <img src="images/page3/u1245.png">
    </div>
    <div class="left-tree" id="left-tree">
        <div class="left-head">
            <div class="left-head-tab">

            </div>
            <i id="bottom-arrow" class="fa fa-chevron-left"
               style="color: #6dcff6;
                            cursor: pointer;
                            position: absolute;
                            top: 5px;
                            right: 2px;font-size: 18px"></i>
        </div>
        <div class="left-search">

            <input type="text" class="form-control"  placeholder="车辆编号">
            <span class="search-img" id="search-icon">
                    <img src="images/page3/u1242.png" class="img">
                </span>
        </div>
        <div class="left-search">
            <input type="text" class="form-control"  placeholder="开始时间">
            <span class="search-img" id="search-icon">
                    <img src="images/page3/u1242.png" class="img">
                </span>
        </div>
        <div class="left-search">
            <div class="input-group">
                <input type="text" class="form-control" placeholder="Search for...">
                <span class="input-group-btn">
                    <button class="btn btn-theme" type="button">Go!</button>
                </span>
            </div>
        </div>
    </div>
</div>
<%-include ../taglibs/layout.js.ejs%>
<script type="text/javascript" src="js/viewpage/oldMonitor.js"></script>
</body>
</html>